<!--
	http://demo.cssworld.cn/5/1-1.php
-->
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}
			
			.clearfix:after {
				content: "\200B";
				display: block;
				height: 0;
				clear: both;
			}
			
			.clearfix {
				*zoom: 1;
			}
			
			.container {
				font-size: 30px;
			}
			
			.icon-arrow {
				display: inline-block;
				width: 20px;
				height: 1ex;
				background: url(img/arrow.png) no-repeat center;
			}
		</style>
	</head>

	<body>
		<div class="container">
			士大夫士大夫撒旦
			<i class="icon-arrow"></i>
	</body>

</html>